<template>
  <div>
      <li  v-for="item in arr">
    <span @dblclick="fn(item)" v-if="item.checked"
         >{{item.title}}</span>
    <input
      type="text"
      v-else
      :key="item"
      @keydown.13="fnd(item)"
      v-model="item.title"
    /></li>
  </div>
</template>
<script>
export default {
  data() {
    return {
      arr: [{ title: 123, title: 456, checked: true }],
      msg: "",
    };
  },
  methods: {
    fn(item) {
      item.checked = false;
     
    },
    fnd(item) {
      item.checked=true
    },
  },
};
</script>
<style lang="css">
</style>